<%--
  Created by IntelliJ IDEA.
  User: Wang Ziming
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>个人中心</title>
</head>
<body>
    <%--导入导航页--%>
    <%@include file="../parts/head.jsp"%>

    <%--左侧导航栏--%>
    <%--
        1.考虑为这个加上右边框
        2.考虑选中后的活跃状态
    --%>
    <div class="sidenav">
        <%--href设置跳转到personalInformation方法体；加上参数--%>
        <a href="/personalInformation?pageNum=1">个人资料</a>
        <a href="/personalInformation?pageNum=2">个人分数</a>
        <a href="/personalInformation?pageNum=3">我的评价</a>
        <a href="/personalInformation?pageNum=4">出游历史</a>
        <a href="/personalInformation?pageNum=5">收藏</a>
    </div>

    <%--右侧主题内容--%>
    <%--
        1.应当实现前端点击左侧导航栏不同的内容，展现右侧画面不同
            1.使用 rapid jstl 中的继承组件。通过包含来展现右侧不同的内容
            2.不适用 rapid，直接进行 choose 的暴力判断，include 相应的jsp页面
          每次点击都 href到IndexController中的personalInformation映射方法，重新选择
          进入的页面。
        2.personalInformation方法体根据点击include相应的页面
            1.在之前点击的时候，更改href的内容
            2.方法体中获取href中的参数，把这个参数放到request域中
            3.choose中根据request域中的参数的值，重新选择包含的页面
        3.实现右侧的页面：
            1.实现个人分数页

    --%>
    <div class="main">
        <%--判断是否存在pageNum--%>

        <%--choose，根据参数pageNum来选择包含的页面；include可以发挥作用--%>
        <c:choose>
            <c:when test="${pageNum=='1'}">
                <%--jsp包含方式，flush默认为true，可以刷新--%>
                <jsp:include page="/WEB-INF/personalInfo/personalInfo.jsp"></jsp:include>
            </c:when>
            <c:when test="${pageNum=='2'}">
                <jsp:include page="/WEB-INF/personalInfo/personalScore.jsp"/>
            </c:when>
            <c:when test="${pageNum=='3'}">
                <jsp:include page="/WEB-INF/personalInfo/personalEvaluation.jsp"/>
            </c:when>
            <c:when test="${pageNum=='4'}">
                <jsp:include page="/WEB-INF/personalInfo/personalHistory.jsp"/>
            </c:when>
            <c:when test="${pageNum=='5'}">
                <jsp:include page="/WEB-INF/personalInfo/personalCollection.jsp"/>
            </c:when>
            <c:otherwise>
                <%--第一次的时候没有分数，可以选择这个--%>
                <%@include file="/WEB-INF/personalInfo/personalInfo.jsp"%>
            </c:otherwise>
        </c:choose>
    </div>
</body>

<%--css--%>
<%--左侧导航栏--%>
<link type="text/css" rel="stylesheet" href="/css/menu.css">
<%--背景图--%>
<link type="text/css" rel="stylesheet" href="/css/index.css">
<style>
    .main{
        font-size: 28px;
        margin-left: 15%;
    }
</style>
</html>
